<template>
<div id="tab-bar">
  <slot ></slot>

</div>
</template>

<script>
import TabBarItem from "./TabBarItem";
export default {
  name: "TabBar",
  components:{
    TabBarItem
  },
  data(){
    return {
      categories:"/categories",
      home:"/home",
      shopcart:"/shopcart",
      me:"/me",
    }
  }

}
</script>

<style scoped>
#tab-bar {
  background-color: #9eb3aa;
  position:fixed ;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

</style>